<!--
 * @Author: ZephyrGao
 * @Date: 2024-02-21 08:37:07
 * @Description: 
 * Copyright (c) 2024 by ZephyrGao, All Rights Reserved. 
-->
<template>
 
</template>

<script setup lang="ts">
import { lessPrefixCls } from '@/config/designConfig';
import { createAppProviderContext } from '@/hooks/app/useAppContext'
import { ref, useSlots,useAttrs, onMounted } from 'vue';

defineOptions({
  name: 'AppProvider',
  inheritAttrs:false
})
const props  = defineProps({
  prefixCls: { type: String, default: lessPrefixCls },
})
console.log('111 :>> ', typeof props.lessPrefixCls);
const isMobile = ref(false);
const prefixCls = ref(lessPrefixCls);
// const less = ref(props.lessPrefixCls);
// const isSetState = ref(false);
//   const appStore = useAppStore();
// const slots = useSlots()
// console.dir(slots)
// const attrs = useAttrs()
// console.dir(attrs)

// const { prefixCls } = toRefs(props);
// inject global



onMounted(() => {
  console.log('onMounted1 :>> ');
  createAppProviderContext({
    prefixCls,
    isMobile,
  })
  console.log('onMounted2 :>> ');
})



</script>

<style scoped>

</style>